﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <style>
        ul.myui-treegrid{
        }
        ul.myui-treegrid>li.myui-treegrid-row{
            margin:1px;
        }
        ul.myui-treegrid>li.myui-treegrid-row::before{
            content: "+";
            border:none !important;
        }
        ul.myui-treegrid>li>span{
            border:solid;
            display:inline-block;
        }
    </style>
</head>
<body>
    <div> 
        <ul class="myui-treegrid">
            <li data-myui-rowindex="0">
                <span colspan="2">编号</span><span>名称</span><span>备注</span>
            </li>
            <li data-myui-rowindex="1" id="myui-paernt-1" class="myui-treegrid-row" data-myui-parentid="myui-root ">
                <span>1</span>
                <span>父节点1</span>
                <span>这是父节点</span>
            </li>
            <li data-myui-rowindex="2" class="myui-treegrid-row" data-myui-parentid="myui-paernt-1">
                <span>1.1</span>
                <span>子节点1</span>
                <span>这是父节点1的子节点</span>
            </li>
            <li data-myui-rowindex="3" class="myui-treegrid-row" data-myui-parentid="myui-paernt-1">
                <span>1.2</span>
                <span>子节点2</span>
                <span>这是父节点1的子节点</span>
            </li>
        </ul>

    </div>
</body>
</html>
